Wat is Ajax?
Asynchronous JavaScript and XML (AJAX) is geen zelfstandige technologie, maar verwijst naar een aantal bestaande technologieën die samen gebruikt kunnen worden, waaronder HTML of XHTML, Cascading Style Sheets, JavaScript, The Document Object Model, XML, XSLT, en het
XMLHttpRequest
object.Beschrijving
Met die 'gelaagde' aanpak kunnen snelle, interactieve en onderhoudbare webtoepassingen gemaakt worden.. Ajax maakt webpagina's dynamischer door achter de schermen informatie met de server uit te wisselen.
- Asynchronous wil zeggen dat bepaalde gegevens in webpagina geladen kunnen worden met behulp van een XMLHttpRequest-object zonder dat de hele pagina opnieuw in de browser geladen moet worden. Wanneer je een request zendt, moet je wachten tot het resultaat komt, maar ondertussen kan je verder doen wat je wil. De response komt niet onmiddellijk, en dus gebruik je een functie die op het resultaat wacht achter de schermen en pas reageert als dit binnen is.
- Javascript wordt aan de klantzijde gebruikt om het request naar de server te sturen en om het teruggestuurde resultaat op de webpagina te verwerken.
- XML is het formaat waarin de gegevens bij voorkeur van de server teruggestuurd worden. Maar dat kunnen ook gewone tekstgegevens zijn.
Het XMLHttpRequest
object is uitgevonden door Microsoft. Sinds Internet Explorer 5.0 kan het gebruikt worden als een ActiveX-object, bruikbaar in JavaScript, VBScript en andere scripttalen ondersteund door de browser. Mozilla implementeerde een soortgelijke versie in Mozilla 1.0. Apple volgde later met Safari 1.2 en Opera Software met Opera 8.0.
Bronnen
Algemeen
- MDN articles about XMLHttpRequest:
- Matthew Eernisse, Build Your Own AJAX Web Applications, “Create responsive web applications with the power of AJAX!”. SitePoint Pty. Ltd., Australia, 2006.
- XMLHttpRequest, Living Standard, Last Updated 28 September 2016
- PHP Equivalents for ASP Objects: Dit is een zeer nuttige site om de voorbeelden uit Matthew Eernisse’s boek van PHP om te zetten in ASP en ASP.NET. Sinds ik die site gevonden heb, heb ik al veel tijd en zoekwerk uitgespaard.
- Matthew Eernisse, A Simpler Ajax Path: een eenvoudige goede inleiding.
- http://developer.apple.com/internet/webcontent/xmlhttpreq.html: Een handleiding van de Apple Developer Convention.
- Using the XML HTTP Request object
- http://developer.mozilla.org/en/docs/XMLHttpRequest: Die handleiding focust op de implementatie in Firefox.
- http://www.w3schools.com/xml/xml_http.asp: Duidelijk overzicht met een paar goede voorbeelden.
- AJAX referentiepagina van het Mozilla Developer Center, in het Nederlands.
Beveiligingstechnieken:
- Encoding html using javascript's escape & unescape,
- Filter HTML/URIs That May Be Re-presented
- Using MD5 to Encrypt Passwords in a Database
- Block TEA (Tiny Encryption Algorithm): Een interessante implementatie ervan in JavaScript en verwijzingen naar theoretisch materiaal. De beste die ik na een paar zoeken op het web heb gevonden. Theoretisch goed onderbouwd.
- Creating a Database-Driven Login Page
DOM en Javascript
- Site met voorbeelden DOM tabel methoden: mredkj.com is an unfocused resource for programmers
Kritieken en commentaar
2016-10-17 11:57:06